<template>
  <div>
    Topic
    <hr />
    <!-- {{plan}}
    {{theName}}-->
    <!-- <button @click="clickfn">button</button> -->

    <!-- {{ name }} -->
    <slot></slot>
    <slot name="msg1" :nm="solt1"></slot>
    <slot name="msg2" :nm="solt2"></slot>
  </div>
</template>

<script>
export default {
  data() {
    return {
      solt1: "wwwwww",
      solt2: "dddddd",
    };
  },
  // props:["plan","theName"],
  props: {
    name: {
      type: String,
      // required: true,  // 必填
      // default:1,  // 默认
      default: function(value) {
        console.log(value);
        // 默认对象或函数
        return (this.value = 1111);
      },
    },
    // autoNma: {
    //   validator: function(value) {
    //     return ["success", "warning", "danger"].indexOf(value) !== -1;
    //   }
    // }
  },
  methods: {
    // clickfn() {
    //   // 触发当前实例上的事件。附加参数都会传给监听器回调。
    //   this.$emit("autoclick", "this", 111);
    // }
  },
};
</script>

<style scoped></style>
